﻿<h1 class="alert alert-info alert-shadowed">考试说明</h1>
<div class="well with-header with-footer">
    <div class="header bordered-warning">
		<h4>请务必认真阅读以下说明！</h4>
	</div>
	<table class="table table-bordered table-hover">
		<tr>
			<td>考试时间<?=$setting['time']?>分钟</td>
		</tr>
		<tr>
			<td>试题共4道题目，从题库中随机抽取，难度依次递增</td>
		</tr>
		<tr>
			<td>请认真阅读题目要求，根据“最终效果图”，在本地完成页面编写</td>
		</tr>
		<tr>
			<td>网页中的相应宽度、高度、颜色自己通过图形图像软件（fireworks或photoshop）自己获得，网页中使用的图片素材都已提供</td>
		</tr>
		<tr>
			<td>上传答案后，若再次上传，将覆盖原答案！！</td>
		</tr>
		<tr>
			<td>交卷后，将无法再次登录</td>
		</tr>
		<tr>
			<td>在考试过程中使用或配置网线、U盘、无线网络、蓝牙、红外，飞鸽传书、netmeeting、设置共享，一律以作弊论处。如出现雷同卷，抄袭者和被抄袭者一律为0分；直接抄袭现实网页者，以作弊论处</td>
		</tr>
	</table>
    <div class="footer" id="btn">
    	
    </div>
</div>
<script type="text/javascript">
var handin_str = '<?=$handin_time;?>';
var handin_date = handin_str.replace(/-/g,"/")
var handin_time = new Date( handin_date );
if( handin_str != '' ){
	var handin_time = new Date( handin_time );
	$( "#btn" ).html( "<button class=\"btn btn-block btn-default disabled\"><h4 style=\"color:black; display:inline;\"> 已在 " + handin_time.getFullYear() + '年' + (handin_time.getMonth()+1) + '月' + handin_time.getDate() + '日 ' + handin_time.getHours() + ':' + handin_time.getMinutes() + ':' + handin_time.getSeconds() + " 交卷，不能再次考试！ </h4></button>" )
}else{
	//考试时间
	var exam_time = new Date("<?=$exam['time']?>");
	var timer = setInterval( "check_exam_time()", 1000 );
	function check_exam_time(){
	 	var rest_time = exam_time - new Date().getTime();
		if( rest_time > 0 ){
			out_rest = time_format( rest_time );
			$( "#btn" ).html( "<button class=\"btn btn-block btn-default disabled\">离考试开始还有<h4 style=\"color:black; display:inline;\"> " + out_rest + " </h4>秒</button>" )
		}else if( rest_time < - ( <?=$setting['time'];?> * 60 * 1000 ) ){
			clearInterval( timer );
			$( "#btn" ).html( "<button class=\"btn btn-block btn-default disabled\"><h4 style=\"color:#000; display:inline;\"> 考试已结束！</h4></button>" )
		}else{
			clearInterval( timer );
			$( "#btn" ).html( "<a class=\"btn btn-block btn-success\" href=\"<?=site_url("exam/main");?>\">阅读完毕，参加考试！</a>" )
		}
	}
}
/**
 * 把毫秒转换成 小时：分：秒
 */
function time_format( micro_sec ){
	var sec = parseInt(micro_sec / 1000);
	var h = parseInt( sec / 3600 );
	var m = parseInt( (sec - h * 3600) / 60 );
	var s = sec - h * 3600 - m * 60;
	return h + ' ： ' + m + ' ： ' + s ;
}
</script>